<script lang='ts'>
import { defineComponent, ref } from "vue";
import ProjectList from "./projectList/index.vue";
import ProjectDetail from "./projectDetail/index.vue";

export default defineComponent({
  name: "ProjectQuery",
  components: { ProjectList, ProjectDetail },
  setup() {
    const activeName = ref("1");
    const handleClick = (tab: any, event: any) => {
      console.log(tab, event);
    };
    return {
      activeName,
      handleClick,
    };
  },
});
</script>

<template>
  <div class="projectquery-page-wrap">
    <el-tabs v-model="activeName" @tab-click="handleClick" stretch>
      <el-tab-pane label="项目列表" name="1"
        ><ProjectList></ProjectList
      ></el-tab-pane>
      <el-tab-pane label="项目详情" name="2"
        ><ProjectDetail></ProjectDetail>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<style lang='less' scoped>
.projectquery-page-wrap {
    padding: 5px;
}
</style>